@charset "utf-8";
@import '_reset.scss';
@import "common";

// 类似我要转让的特殊效果
%before-right-line{
    margin-top: 65px;
    width: 145px;
    margin: 65px  auto 45px auto;
    position: relative;
    width: 145px;
    height: 36px;
    text-align: center;
    h3{
        
        position: absolute;
            width: 400px;
            top: -35%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 22px;
            display: inline-block;
        .h3-text{
            
            &::before{
               content: '';
               display: inline-block;
              border-top: 1px solid $color;
              border-top-left-radius: 10%;
              width: 105px;
              height: 1px;
              margin:0  10px;
               color: $color;
           }
           &::after{
               content: '';
               display: inline-block;
               border-top: 1px solid $color;
               border-top-right-radius: 10%;
               width: 105px;
               height: 1px;
               margin:0  10px;
               color: $color;
           }
          }
          span{
            font-size: 9px;
          }
    }
}
// 我要转让
.wo-yao-zhuan-rang{
   @extend %before-right-line ;
   margin-bottom: 41px;
}
// 小提示

.text{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 41px;
}

// 表单
form{
    width:  617px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    ul{ 
        display: flex;
        flex-direction: column;
        li.bottom-check{
            
         margin-left: 116px;
        }
        .vip-text-box{
            span.vip{
                width: 130px;
            }
            display: flex;
            div.textarea{
                width: 549px;
                display: inline-block;
                // text-indent:-50px;
                border: solid 1px #9ac1c0;
                li{
                    margin-bottom: 0px;
                }
            }
        }
       
      
        li{
            margin-bottom: 26px;
            div{

                display: inline-block;
                .span{
                    font-size: 12px;
                }
            }
            span.red{
                color: #ff0000;
            }

            input{
                border: solid 1px #9ac1c0;
            }
           
            
            span:first-child{
                display: inline-block;
                width: 80px;
               
                
               }
            span:nth-of-type(2){
                color: #ff0000;
            }
               span.vip{
                // position: relative;
                // top: -204px;
                width: 120px;
                // font-size: 14px;
                
               }
               textarea{
                width: 336px;
                height: 212px;
                
               
               }
          
           
          
           
        }
    }
    // 底部注册框
    .button{
        padding-top: 10px;
        text-align: center;
        margin: 0 auto;
        width: 121px;
	    height: 33px;
	    background-color: #6db6ff;
	    border-radius: 5px;
    }
}

